<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="../css/generic.css" />
    	<link rel="stylesheet" type="text/css" href="../css/navbuttons.css" />
		<link type="text/css" href="../js/jquery/theme/ui.all.css"	rel="Stylesheet" />
		<link type="text/css" href="../css/select_window.css"	rel="Stylesheet" />
		<link type="text/css" href="../css/left_buttons.css"	rel="Stylesheet" />
		<script type="text/javascript" src="../js/jquery/jquery-1.3.2.min.js"></script>

		<script type="text/javascript"
			src="../js/jquery/jquery-ui-1.7.custom.min.js"></script>
		<script type="text/javascript" src="../js/interface.js"></script>
		<script type="text/javascript" src="../js/select_window.js"></script>
		<script type="text/javascript">
	$(document)
			.ready( function() {
				$('tr:odd').addClass('odd');
				$('tr:even').addClass('even');
				
				});

	$( function() {
		$('#tabs').tabs( {
			fx : [ null, {
				height :'show',
				opacity :'show'
			} ]
		});

		$(".navButton").click( function() {
			//$(this).effect("highlight", {}, 1000);
				$(this).effect("pulsate", {
					times :0
				}, 200);
			});

		$(".ui-tabs .ui-tabs-nav li a").mouseover( function() {
			$(this).animate( {
				opacity :"1"
			}, {
				duration :0
			}).animate( {
				opacity :"0.6"
			}, "slow");
		});
		$(".ui-tabs .ui-tabs-nav li a").mouseout( function() {
			$(this).animate( {
				opacity :"1"
			}, "fast");
		});

	});
</script>

		<title>Insert title here</title>
	</head>
	<body>
		<a href="#" id="windowOpen">Open window</a>
		<div id="window">
			<div id="windowTop">
				<div id="windowTopContent">
					Window example
				</div>
				<img src="images/window_min.jpg" id="windowMin" />
				<img src="images/window_max.jpg" id="windowMax" />
				<img src="images/window_close.jpg" id="windowClose" />
			</div>
			<div id="windowBottom">
			<div id="windowBottomContent">
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eget
					lectus in diam iaculis tempor. Suspendisse consectetuer, justo nec
					euismod sodales, augue nisi convallis diam, in posuere pede turpis
					at massa. Donec mi nunc, iaculis eu, vehicula sed, malesuada eget,
					ligula. In eu urna. Suspendisse pede quam, tempor id, tempor at,
					placerat eget, massa. Maecenas porta elementum tellus. Ut nulla
					diam, posuere non, consequat nec, fermentum vitae, turpis.
					Pellentesque tempor metus at lorem. Donec nulla ipsum, euismod in,
					pretium vitae, ornare nonummy, lectus. Aliquam ullamcorper.
					Vestibulum eget leo. Proin pretium, enim vitae bibendum accumsan,
					dolor urna feugiat felis, et ultrices ipsum odio et dui. Praesent
					non eros sit amet nisi laoreet aliquet. Nulla diam. Maecenas et sem
					eget lorem porttitor tincidunt. Donec sed dui.
			<!-- 
				
					<div id="windowContent">
				<p>
					Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eget
					lectus in diam iaculis tempor. Suspendisse consectetuer, justo nec
					euismod sodales, augue nisi convallis diam, in posuere pede turpis
					at massa. Donec mi nunc, iaculis eu, vehicula sed, malesuada eget,
					ligula. In eu urna. Suspendisse pede quam, tempor id, tempor at,
					placerat eget, massa. Maecenas porta elementum tellus. Ut nulla
					diam, posuere non, consequat nec, fermentum vitae, turpis.
					Pellentesque tempor metus at lorem. Donec nulla ipsum, euismod in,
					pretium vitae, ornare nonummy, lectus. Aliquam ullamcorper.
					Vestibulum eget leo. Proin pretium, enim vitae bibendum accumsan,
					dolor urna feugiat felis, et ultrices ipsum odio et dui. Praesent
					non eros sit amet nisi laoreet aliquet. Nulla diam. Maecenas et sem
					eget lorem porttitor tincidunt. Donec sed dui.
				</p>
				<p>
					Nam non dolor. Donec ultricies mattis libero. Donec ac eros.
					Praesent id arcu. Phasellus odio massa, blandit nec, iaculis ac,
					blandit nec, enim. Nunc rutrum. Mauris pretium mattis nunc. Integer
					lectus. Suspendisse potenti. Ut dignissim enim eget ipsum.
					Suspendisse eget nulla ac dolor volutpat pellentesque. Donec odio
					diam, pulvinar sed, ornare a, semper in, nisi. Duis a odio id enim
					lacinia fringilla. Integer rutrum erat in ante. Morbi eleifend
					ipsum vel quam. Vestibulum in mauris. Donec vulputate hendrerit
					nulla.
				</p>
				<p>
					Phasellus nulla ipsum, dapibus et, laoreet quis, volutpat sed,
					nibh. Nunc massa ipsum, vehicula et, ullamcorper fermentum,
					imperdiet vitae, enim. Morbi non augue. Morbi vitae sapien. Nulla
					at metus. Pellentesque a sem id arcu faucibus tincidunt.
					Pellentesque sit amet urna quis arcu elementum volutpat. Sed sed
					sapien. Suspendisse cursus. Nulla commodo libero ac tortor dictum
					pulvinar. Mauris id leo non velit iaculis mollis. Fusce at augue ut
					mi laoreet molestie. Quisque facilisis. Maecenas ornare mattis
					justo. Vestibulum vel lorem in nisl venenatis semper. Aliquam erat
					volutpat. Aliquam tellus turpis, posuere eu, commodo sed, fermentum
					sit amet, mi.
				</p>
			</div>
			-->
				</div>
			</div>

			
			<img src="images/window_resize.gif" id="windowResize" />
		</div>
		<div class="main">
			<div class="infoPanel">
				<div class="infoPanelb">
					<div class="infoPanelt">
						<div class="infoPanell">
							<div class="infoPanelr">
								<div class="infoPanelbr">
									<div class="infoPaneltl">
										<div class="infoPanelContent">

											<a href="#"><span class="icoPatient">&nbsp;</span>Vasilij
												Petrovich Pupkin</a>
											<br>
											09.12.78
											<br>
											Blood: I+
											<br>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

			<div class="topPanel">
				<div class="navButtonCenter">
			<a href="cards.html"><div class="navButton" ><div class="navCard"></div></div></a>
					<a href="patients.html"><div class="navButton" ><div class="navPatient"></div></div></a>
					<a href="hworkers.html"><div class="navButton"><div class="navDoctor"></div></div></a>
					<a href="analysis.html"><div class="navButton"><div class="navAnlysis"></div></div></a>
					<a href="departments.html"><div class="navButton"><div class="navDep"></div></div></a>
					<a href="modules.html"><div class="navButton"><div class="navModule"></div></div></a>
					</div>
			</div>

			<div class="tabsPanel">
				<div class="tabsPanelTop">

					<div id="tabs">

						<ul class="tabsPanelMiddle">
							<li>
								<a href="#tabs-1"><span class="recordButtonIcoMain"></span>
								</a>
							</li>
							<li>
								<a href="#tabs-2"><span class="recordButtonIcoOperation"></span>
								</a>
							</li>
							<li>
								<a href="#tabs-3"><span class="recordButtonIcoEpicris"></span>
								</a>
							</li>

						</ul>

						<div id="tabs-1">
							<div class="contentb">
								<div class="contentt">
									<div class="contentl">
										<div class="contentr">
											<div class="contentbr">
												<div class="contenttl">
													<div class="contentContent">
														<h1>
															Назва модуля
														</h1>
													<table class="formTable">
															
															<tr>
																<td class="param">
																	Імя :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Прізвище :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Варіанти :
																</td>
																<td class="value">
																	<select>
																	<option>variant 1</option>
																	<option>variant 2</option>
																	</select>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Name :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>
															<tr>
																<td class="param">
																	
																</td>
																<td class="value">
																	<button>Зберегти</button>
																</td>
															</tr>
														</table>
														
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div id="tabs-2">
							<div class="contentb">
								<div class="contentt">
									<div class="contentl">
										<div class="contentr">
											<div class="contentbr">
												<div class="contenttl">
													<div class="contentContent">
															<h1>
															Назва модуля
														</h1>
													<table class="formTable">
															
															<tr>
																<td class="param">
																	Імя :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Прізвище :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Варіанти :
																</td>
																<td class="value">
																	<select>
																	<option>variant 1</option>
																	<option>variant 2</option>
																	</select>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Name :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>
															<tr>
																<td class="param">
																	
																</td>
																<td class="value">
																	<button>Зберегти</button>
																</td>
															</tr>
														</table>
														
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div id="tabs-3">
							<div class="contentb">
								<div class="contentt">
									<div class="contentl">
										<div class="contentr">
											<div class="contentbr">
												<div class="contenttl">
													<div class="contentContent">
															<h1>
															Назва модуля
														</h1>
													<table class="formTable">
															
															<tr>
																<td class="param">
																	Імя :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Прізвище :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Варіанти :
																</td>
																<td class="value">
																	<select>
																	<option>variant 1</option>
																	<option>variant 2</option>
																	</select>
																</td>
															</tr>	
															<tr>
																<td class="param">
																	Name :
																</td>
																<td class="value">
																	<input>
																</td>
															</tr>
															<tr>
																<td class="param">
																	
																</td>
																<td class="value">
																	<button>Зберегти</button>
																</td>
															</tr>
														</table>
														
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<div id="windowShade"></div>
	</body>
</html>